<style>
    #List tr >th,td {
        border: 1px solid #ddd;
    }
    body{
        background-color: #F9F9F9;
    }
    .xh-form tr td:nth-child(2n){
        padding: 5px 10px 5px 0;
        width: 200px;
    }
    td>label{
        margin-right: 10px;
        float: right;
    }
</style>
<script>
    var id = {{ id }};
</script>
<div>
    <div class="row">
        <div class="col-md-6">
            <div class="smart-widget">
                <div class="smart-widget-header">
                    <strong>增加确认</strong>
                </div>
                <div class="smart-widget-inner">
                    <div class="smart-widget-body">
                        <div style="width: 100%">
                            <table id="List" style="width: 100%;margin-bottom:0px" class="table">
                                <tr>
                                    <td colspan="3">
                                        <label style="float: left;margin-top: 5px;">
                                            选择老师：
                                        </label>
                                        <select title="teacher" id="teacher" name="teacher" style="float: left;">
                                            <option value=""></option>
                                            {% if teacher is not empty %}
                                                {% for item, value in teacher %}
                                                    <option value="{{ item }}">{{ value }}</option>
                                                {% endfor %}
                                            {% endif %}
                                        </select>
                                        <span id="showNotic" style="font-size: smaller;color: red"></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 15%">书名：</td><td style="width: 35%">{{ book['sBookName'] }}</td>
                                    <td rowspan="5" style="width: 45%">
                                        <div id="img" style="text-align: center;"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>书ID：</td><td>{{ book['iBookId'] }}</td>
                                </tr>
                                <tr>
                                    <td>年级：</td><td>{{ book['iClassId'] }}</td>
                                </tr>
                                <tr>
                                    <td>科目：</td><td>{{ book['iSubject'] }}</td>
                                </tr>
                                <tr>
                                    <td>确认老师：</td><td><span id="checkTeacher"></span></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="smart-widget">
                <div class="smart-widget-header">
                    <strong>确认记录</strong>
                </div>
                <div class="smart-widget-inner" >
                    <div class="smart-widget-body" style="height: 250px;width: 766px;overflow:auto">
                        <div style="width:100%;height: auto;overflow-y: auto;overflow-x: hidden;">
                            <ul style="width: 90%;margin-left: 8px;">
                                {% if checkHistory is not empty %}
                                    {% for item in checkHistory %}
                                        <li style="list-style:none;padding-left: 20px;border-left: 1px solid #ddd;position: relative;padding-bottom: 20px;line-height: 24px;">
                                            <div>
                                                {{ item['date'] }}
                                            </div>
                                            <div>
                                            <span style="display: inline-block;color: #fff;padding:4px;padding-top:0;padding-bottom:0;border-radius: 2px;margin-right: 6px;background: #aaa;">
                                                {{ item['type'] }}
                                            </span>
                                                操作人：{{ item['user'] }}
                                            </div>
                                            <div><span>确认意见：</span>
                                                {{ item['msg'] }}
                                            </div>
                                            <span style="width: 14px;height: 14px;background-color: #ddd;border-radius: 50%;position: absolute;display: block; left: -7.5px;top: 0;">
                                        </span>
                                        </li>
                                    {% endfor %}
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>